<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <title>实时</title>
</head>
<body>
<!--头部导航-->
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="mynav">
      <div class="navbar-header">
        <a href="/">
          <img src="imgs/logo.png" alt="jyt">
        </a>
      </div>
      <ul class="nav navbar-nav">
        <li><a href="index.html">实时</a></li>
        <li><a href="dataforms.html">报表</a></li>
        <li><a href="chartforms.html">图表</a></li>
        <li><a href="integrate.html">综合</a></li>
        <li><a href="settings.html">设置</a></li>
      </ul>
    </div>
  </div>
</nav>

<section class="items-list" id="items-list-wrap">
  <h3>当班实时水流量监控</h3>
  <button class="btn btn-primary printBtn">打印</button>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgRed">45</span>
        <p><span class="font24 fontRed">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgRed">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24 fontRed">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgGreen">45</span>
        <p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-4 col-md-3 col-lg-2 col8">
    <fieldset>
      <legend>水表名称</legend>
      <div>
        <span class="sn bgRed">45</span>
        <p><span class="font24 fontRed">0.05</span><span>/</span><span>10</span></p><span>T</span>
      </div>
      <div>
        <span class="">实时流量</span>
        <p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>
      </div>
      <div>
        <span class="">超流量累计</span>
        <p><span>0</span></p><span>h</span>
      </div>
      <div>
        <span class="">停机时间</span>
        <p><span>0</span></p><span>h</span>
      </div>
    </fieldset>
  </div>
</section>
<footer class="footer">
  <div class="col-xs-3 font24 overplus">
    <fieldset>
      <legend>当前超标表数量</legend>
      <div>
        <span class="font44 fontRed">2</span><span>/</span><span>45</span>
      </div>
    </fieldset>
  </div>
  <div class="col-xs-3 savingrate">
    <fieldset class="bgGreen">
      <legend>当前用水节约率</legend>
      <div>
        <span class="font44">50%</span>
      </div>
    </fieldset>
  </div>
</footer>


<!--模板-->
<!--<script type="text/template" id="items-tpl">-->
  <!--<div class="col-xs-4 col-md-3 col-lg-2">-->
    <!--<fieldset>-->
      <!--<legend>水表名称</legend>-->
      <!--<div>-->
        <!--<span class="sn">45</span>-->
        <!--<p><span class="font24">0.05</span><span>/</span><span>10</span></p><span>T</span>-->
      <!--</div>-->
      <!--<div>-->
        <!--<span class="">实时流量</span>-->
        <!--<p><span class="font24">0.05</span><span>/</span><span>3</span></p><span>m³/h</span>-->
      <!--</div>-->
      <!--<div>-->
        <!--<span class="">超流量累计</span>-->
        <!--<p><span>0</span></p><span>h</span>-->
      <!--</div>-->
      <!--<div>-->
        <!--<span class="">停机时间</span>-->
        <!--<p><span>0</span></p><span>h</span>-->
      <!--</div>-->
    <!--</fieldset>-->
  <!--</div>-->
<!--</script>-->


<script src="libs/jquery.min.js"></script>
<script src="libs/artTemplate/template-native.js"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
<script src="js/tool.js"></script>
<script src="js/index.js"></script>
</body>
</html>